@import "../../../../styles/index";

.maintop {
    position: relative;
    z-index: 2;
    height: 40px;
    width: 375px;
    font-size: 16px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    box-shadow: #e7e7e7 0.03rem 0.03rem 0.09rem 0.03rem;

    i {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 10px;
    }
}

.tree-wrap {
    margin-top: 30px;

    span {
        font-size: 12px;
    }

    ul.ztree {
        border: 0;
        overflow-y: hidden;
    }
}

// @media screen and (min-width: 768px) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }

// /* iphone 5 */
// @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }

// /* iphone 6, 6s */
// @media only screen and (min-device-width: 376px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }

// /* iphone 7, 8 */
// @media only screen and (min-device-width: 376px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }

// /* iphone 6+, 6s+, 7+, 8+ */
// @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }

// /* iphone X */
// @media only screen and (min-device-width: 376px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

//     .ztree li span.button.root_open,
//     .ztree li span.button.center_open,
//     .ztree li span.button.bottom_open,
//     .ztree li span.button.root_close,
//     .ztree li span.button.center_close,
//     .ztree li span.button.bottom_close {
//         background-position: center;
//     }

//     .ztree li span.button {
//         background-image: url('../../../../assets/img/logo1.png');
//         background-size: cover;
//     }
// }